<template>
	<navigator class="h-product-item"  :url="'../../pages/detail/detail?skuId='+product.skuId">
		<image :src="product.productImage"></image>
		<view class="info">
			<view class="titles">{{product.productName.text}}</view>
			<view class="price">￥{{product.price.text}}</view>
		</view>
	</navigator >
</template>

<script setup>
	 const {product} = defineProps({
		 "product":{type:Object,default(){return ({})}}
	 })
	 console.log(product,"product")
</script>

<style lang="scss" scoped>
	.h-product-item{
		display: block;
		width: 100%;
		image{
			width: 100%;
			height: 345rpx;
			background-color: #f0f0f0;
		}
		.titles{
			width: 100%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			line-height: 64rpx;
		}
		.price{font-size: 18rpx;}
	}
</style>